@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .formInput {
        @apply bg-gray-200 rounded-md outline-none px-5 py-2 border-b-2 hover:border-teal-400 placeholder:text-gray-400 
        focus:border-2 focus:border-teal-400
    }

    .formButton {
        @apply px-10 md:px-20 rounded-md font-semibold py-2 bg-teal-400 shadow-md
        hover:scale-105 transition duration-200 ease-in-out hover:shadow-lg
    }
}